import React from 'react';
import { Button } from "@arco-design/web-react";
import axios from 'axios';

class Square extends React.Component {
    //在 JavaScript class 中，每次你定义其子类的构造函数时，都需要调用 super 方法。因此，在所有含有构造函数的的 React 组件中，构造函数必须以 super(props) 开头。
    // constructor(props){
    //     super(props);
    //     this.state={
    //         value:null,
    //     };
    // }

    shouldComponentUpdate(nextProps,nextState){
        if(nextProps.value!==this.props.value)
        {
            return true;
        }else
        {
            return false;
        }
    }

    render() {
        return (
            <Button type='primary' onClick={()=>this.props.onClick()}>{this.props.value}</Button>
        )
    }
}

export default Square;